Käyttövinkki: Levinneisyyskarttojen tulostaminen


Esimerkkisovellus


Levinneisyyskartan voi tulostaa html-sivulle <canvas>-elementin avulla. Elementin koko kannattaa määritellä samaksi kuin tulostettavan kartan koko. Oheisessa listauksessa sivulle on sijoitettu kaksi <canvas>-elementtiä kooltaan 202x353 pikseliä:





Käytettävissä on kolme erikokoista karttaa:

Finland.png	Finland_269x469.png	Finland_202x353.png

Tulostettava levinneisyyskartta määritellään tiedostossa DistributionMaps.js seuraavasti:




Tuloksena saadaan seuraavanlainen html-sivu:



Esimerkkisovelluksen voi ladata tästä.



Esimerkkisovelluksen muokkaaminen


Edellä esitettyä esimerkkisovellusta voi helposti muokata omiin tarkoituksiin paremmin soveltuvaksi. Html-sivulle voi lisätä tarpeen mukaan uusia <canvas>-elementtejä. Sovelluksessa käytetään seuraavanlaista drawMap() metodikutsua:




Funktio on määritelty seuraavasti:

    function drawMap( elemId, map,
                      order, family, genus, species, startYear, endYear, title, titleFont )
    {
        ...
    }


Parametrit ovat seuraavat:

elemId: map: order: family: genus: species: startYear: endYear: title: titleFont:

<canvas>-elementin id käytettävä taustakartta lahko heimo suku laji alkuvuosi loppuvuosi kartalle tuleva teksti tekstifontti

Kartan levinneisyyspisteet haetaan tietokannan API-rajapinnan search-komennon avulla. Tässä esimerkissä hakuehtoina on käytetty muuttujia order, family, genus, species, startYear ja endYear:



Jos haluaa tulostaa toisenlaisia levinneisyyskarttoja, hakuehtoja voi tarvittaessa muuttaa. Tällöin on myös muokattava funktion drawMap() kutsuparametrit uutta hakua vastaaviksi.